import Vue from 'vue'
import Vuex from 'vuex'
import {getItem,setItem} from '@/utils/storage'

// 这样做的目的可以避免访问和获取数据的名字不一致导致的问题
const USER_KEY = 'toutiao-user'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    //user:null //当前登录用户的登录状态（token等数据）
    //user:window.localStorage.getItem('user')
    //user:JSON.parse(window.localStorage.getItem('user'))
    user:getItem(USER_KEY)
  },
  mutations: {
    setUser(state,data) {
      state.user = data
      
      //为了防止页面刷新数据丢失，我们还需要把数据放到本地存储中，这里仅仅是为了持久化数据
      //对象不能存在本地存储中，要用JSON.stringify转换为字符串
      //window.localStorage.setItem('user',JSON.stringify(state.user))
      setItem(USER_KEY,state.user)
    }
  },
  actions: {
  },
  modules: {
  }
})
